<%-- 
    Document   : header
    Created on : 16 mar. 2013, 17:37:13
    Author     : Benjamin VOLLAND
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page import="gameOnline_war.Message"%>
<%@page import="gameOnline_war.Popup"%>


<!DOCTYPE html>
<html>
    
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="Css/index.css" />
        <script type="text/javascript" src="Ressources/Javascript/jquery-1.7.2.min.js"></script>       
        <title>Salle de jeux</title>
        <script language="JavaScript"><!--
            var count=100;
            function Progress() {

               count--;
               document.getElementById('progression').style.width=(count)+'%';
               if (count==0) {
                   count=100;
                  document.getElementById('popup').style.visibility='hidden';
                  
              }else{setTimeout('Progress()',100);}
               
            }
        --></script>
    </head>
    <body>
          
        <div id="popup">
            
           
            <div id="progressbar" name="progressbar">
                <div id="progression" name="progression">
                      
                </div>
                
            </div>
            <input type="button" id='accepte' name='accepte' value="Accepter" >
            <input type="button" id='refuse' name='refuse' value="Refuser" >
            
        </div>
        
        
        <div id="header">
            <a href="index.jsp" title="Salle de jeux">
                
            </a>
            <%@include file="login.jsp" %>
            <div class="clear"></div>
            <ul id="menu">
                <li>
                    <a href="index.jsp">Accueil</a>
                    <a href="play.jsp">Jouer</a> 
                    <a href="inscription.jsp">Inscription</a>   
                    <a href="test.jsp">Test Popup</a> 
                </li>
            </ul>
            </div>
            
            
        
        <div id="content">
            <div id="message">
            <% if (!Message.notifications.isEmpty()) {%>
            <ul id="notif">
                <% for (String notification : Message.notifications) {%>
                <li><%= notification%></li>
                <%}%>
            </ul>
            <%}%>
            <% if (!Message.errors.isEmpty()) {%>
            <ul id="error">
                <% for (String error : Message.errors) {%>
                <li><%= error%></li>
                <%}%>
            </ul>
            <%}%>
            </div>
